@import "houseMode.scss";

.house-recycle-wrap {
  @extend .house-mode-wrap;
  width: 100%;
  .house-recycle-nav {
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #ecebeb;
    display: flex;
    align-items: center;
    >span {
      font-size: 22px;
      font-weight: bold;
      color: black;
      margin-left: 35px;
      margin-right: 30px;
    }
    .nav-back-btn {
      color: black;
      display: inline-block;
      padding: 2px 12px;
      border: 1px solid black;
      font-size: 16px;
      border-radius: 35px;
      transition: all ease .3s;
      margin-left: 10px;
      margin-right: 30px;
      &:hover {
        background-color: black;
        color: white;
      }
    }
    .nav-restore-btn {
      @extend .nav-back-btn;
      background: #14b6ff;
      color: white;
      border-color: #14b6ff;
      &:hover {
        background-color: #0f80ff;
        box-shadow: 0 0 10px 0 #0f80ff;
      }
    }
  }
  .house-list-wrap {
    width: 100%;
    .house-list {
      .house-item {
        background-image: url("/static/alliance2/image/house/house-item-bg-yanhuibai.png");
        .house-item-check {
          width: 16px;
          height: 16px;
          background: url("/static/alliance2/image/house/retangle-check.png") no-repeat;
          transition: all ease .3s;
          display: block;
          position: absolute;
          right: 10px;
          top: 10px;
          z-index: 9;
          &.checked {
            background-image: url("/static/alliance2/image/house/retangle-checked.png");
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1400px) {
  .house-recycle-wrap {
    .house-recycle-nav {
      height: 54px;
      >span {
        font-size: 15px;
        margin-left: 23px;
        margin-right: 20px;
      }
      .nav-back-btn {
        padding: 2px 8px;
        font-size: 12px;
        border-radius: 35px;
        margin-left: 7px;
        margin-right: 20px;
      }
    }
  }
}